<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="author" content="UCT">
        <meta name="description" content="UCToo|微信小程序应用市场|小程序开发平台|小程序模板|小程序行业解决方案|开源微应用开发">
        <meta name="keywords" content="UCToo|微信小程序应用市场|小程序开发平台|小程序模板|小程序行业解决方案|开源微应用开发">
        <title>UCToo|微信小程序应用市场|小程序开发平台|小程序行业解决方案|小程序模板</title>
        <!-- Bootstrap Core CSS -->
        <!-- <link href="//cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
        <link href="__CDN__/assets/css/index.css" rel="stylesheet"> -->

        <!-- Plugin CSS -->
        <!-- <link href="//cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
        <link href="//cdn.bootcss.com/simple-line-icons/2.4.1/css/simple-line-icons.min.css" rel="stylesheet"> -->
        <!-- zui -->
        {load href="/assets/zui/css/zui.css" /}
        {load href="/assets/zui/css/zui-theme.css" /}
        {load href="/assets/static/os-icon/simple-line-icons.min.css" /}
        {load href="/assets/static/os-loading/loading.css" /}
        {load href="/assets/css/index/css/core.css" /}
        {load href="/assets/js/index/js/ext/magnific/magnific-popup.css" /}
        {load href="/assets/js/index/js/jquery-2.0.3.min.js,/assets/js/index/js/com/com.functions.js,/assets/static/os-loading/loading.js,/assets/js/index/js/core.js,/assets/js/index/js/com/com.toast.class.js,/assets/js/index/js/com/com.ucard.js" /}

        {load href="/assets/css/index/loader.css"/}
        {load href="/assets/css/index/framework.css"/} 
        {load href="/assets/css/index/style.css"/}
        <!-- Colors -->
        {load href="/assets/css/index/colors/cyan.css" /}
        <!-- Javascript -->
        {load href="/assets/js/index/modernizr.js" /} 
        {load href="/assets/js/index/jquery.js" /}
        {load href="/assets/css/index/ly.css"/}

        <script>
            var _hmt = _hmt || [];
            (function() {
                var hm = document.createElement("script");
                hm.src = "https://hm.baidu.com/hm.js?6b300fa0c3cb5b26fc468c86d0fd63a9";
                var s = document.getElementsByTagName("script")[0];
                s.parentNode.insertBefore(hm, s);
            })();
            (function() {
                function centerInit(){
                    var hero            = $('#hero'),
                        sphere          = $('.sphere'),
                        sphereMargin    = ($(window).height() - sphere.height()) / 2,
                        heroContent     = $('.hero-content'),
                        contentMargin   = ($(window).height() - heroContent.height()) / 2;

                    hero.css ({
                        height : $(window).height() + "px"
                    });

                    sphere.css({
                        "margin-top" : sphereMargin + "px"
                    });

                    heroContent.css({
                        "margin-top" : contentMargin + "px"
                    });
                }

                $(document).ready(centerInit);
                $(window).resize(centerInit);
            })();
        </script>
    </head>
    <body>
        <nav>
            <div class="container-fluid topp-box">
                <div class="col-xs-2 box">
                    <div class="img-wrap">
                        <a class="navbar-brand logo" href="{:url('index/Index/index')}"><img src="/assets/img/index/index_logo.png" width="150" style="margin-top: 6px;height: auto;margin-left: 50%;"></a>
                    </div>
                </div>
                <div class="col-xs-7 box ">
                    <div id="nav_bar" class="nav_bar">
                        <div class=" sat-nav">
                            <ul class="nav navbar-nav navbar-left">
                                <li class="">
                                    <a title="首页" href="{:url('index/Index/index')}" target="_self"><i class="icon- app-icon "></i>
                                        <span style="color:#fff">首页</span>
                                    </a>
                                </li>
                                <li class="dropdown">
                                    <a title="产品和服务" class="dropdown-toggle nav_item" style="color:#fff" data-toggle="dropdown" href="#"><i class="icon- app-icon"></i> 产品和服务 ∨
                                    </a>
                                    <ul class="dropdown-menu">
                                        <li role="presentation">
                                            <a role="menuitem" tabindex="-1" style="color:#000000" href="http://git.oschina.net/uctoo/uctoo" target="_blank"><i class="icon-"></i> 开发框架 </a>
                                        </li>
                                        <li role="presentation">
                                            <a role="menuitem" tabindex="-1" style="color:#000000" href="https://www.uctoo.com" target="_blank"><i class="icon-"></i> 小程序应用市场 </a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="">
                                    <a title="文档" href="http://doc.uctoo.com" target="_blank"><i class="icon- app-icon "></i>
                                        <span style="color:#fff">文档</span>

                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-xs-3 box c-b-right" style="text-align: right">
                    <a class="top-btn" data-login="do_login" href="{:url('/admin/index/login')}">登录/注册</a>
                </div>
                <div class="container-fluid search-box" id="search_box" style="display: none">
                    <canvas width="1835" height="374"></canvas>
                    <div class="text-wrap">
                        <div class="container text-box" style="margin: 0 auto!important;">
                            <h1>无处不在,搜你所想</h1>
                            <form class="navbar-form " action="/Home/index/search.html" method="post" role="search" id="search">
                                <div class="search">
                                    <span class="pull-left"><input type="text" name="keywords" class="input" placeholder="全站搜索"></span>
                                    <a data-role="search"><i class="icon icon-search pull-right"></i></a>
                                </div>
                            </form>
                        </div>
                        <div class="close-box" data-role="close">X</div>
                    </div>
                </div>
            </div>
        </nav>
        <section id="hero">
            <ul id="scene" class="scene" data-friction-x="0.1" data-friction-y="0.1" data-scalar-x="25" data-scalar-y="15">
                <li class="layer" data-depth="0.00"></li>

                <!-- BG -->
                <li class="layer" data-depth="0.10">
                    <div class="background" data-0="transform: translate3d(0px, 0px, 0px);" data-top-bottom="transform: translate3d(0px, 300%, 0px);"></div>
                </li>
                <li class="layer" data-depth="0.15">
                    <div class="triangles"></div>
                </li>
                <li class="layer" data-depth="0.25">
                    <div class="sphere" data-0="opacity: 1;" data-top-bottom="opacity: 0;"><img src="/assets/img/index/sphere.png" alt="sphere"></div>
                </li>

                <!-- Hero -->
                <li class="layer" data-depth="0.30">
                    <div class="hero-content" data-0="opacity: 1;" data-top-bottom="opacity: 0;">
                        <h1>微信小程序应用市场</h1>
                        <p class="sub-title">融合创新，连接一切的力量！</p>
                    </div>
                </li>

                <!-- Flakes -->
                <li class="layer" data-depth="0.40">
                    <div class="depth-1 flake1" data-0="opacity: 1;" data-top-bottom="opacity: 0;"><img src="/assets/img/index/flakes/depth1/flakes1.png" alt="flake"></div>
                    <div class="depth-1 flake2" data-0="opacity: 1;" data-top-bottom="opacity: 0;"><img src="/assets/img/index/flakes/depth1/flakes2.png" alt="flake"></div>
                    <div class="depth-1 flake3" data-0="opacity: 1;" data-top-bottom="opacity: 0;"><img src="/assets/img/index/flakes/depth1/flakes3.png" alt="flake"></div>
                    <div class="depth-1 flake4" data-0="opacity: 1;" data-top-bottom="opacity: 0;"><img src="/assets/img/index/flakes/depth1/flakes4.png" alt="flake"></div>
                </li>
                <li class="layer" data-depth="0.50">
                    <div class="depth-2 flake1" data-0="opacity: 1;" data-top-bottom="opacity: 0;"><img src="/assets/img/index/flakes/depth2/flakes1.png" alt="flake"></div>
                    <div class="depth-2 flake2" data-0="opacity: 1;" data-top-bottom="opacity: 0;"><img src="/assets/img/index/flakes/depth2/flakes2.png" alt="flake"></div>
                </li>
                <li class="layer" data-depth="0.60">
                    <div class="depth-3 flake1" data-0="opacity: 1;" data-top-bottom="opacity: 0;"><img src="/assets/img/index/flakes/depth3/flakes1.png" alt="flake"></div>
                    <div class="depth-3 flake2" data-0="opacity: 1;" data-top-bottom="opacity: 0;"><img src="/assets/img/index/flakes/depth3/flakes2.png" alt="flake"></div>
                    <div class="depth-3 flake3" data-0="opacity: 1;" data-top-bottom="opacity: 0;"><img src="/assets/img/index/flakes/depth3/flakes3.png" alt="flake"></div>
                    <div class="depth-3 flake4" data-0="opacity: 1;" data-top-bottom="opacity: 0;"><img src="/assets/img/index/flakes/depth3/flakes4.png" alt="flake"></div>
                </li>
                <li class="layer" data-depth="0.80">
                    <div class="depth-4" data-0="opacity: 1;" data-top-bottom="opacity: 0;"><img src="/assets/img/index/flakes/depth4/flakes.png" alt="flake"></div>
                </li>
                <li class="layer" data-depth="1.00">
                    <div class="depth-5" data-0="opacity: 1;" data-top-bottom="opacity: 0;"><img src="/assets/img/index/flakes/depth5/flakes.png" alt="flake"></div>
                </li>
            </ul>
            <a id="action" href="#intro"></a>
        </section>
        <section id="intro" class="container center padded">
            <!-- Intro -->
            <div class="row">
                <div class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2">
                    <h3>关于我们</h3>
                    <span class="line"></span>
                    <h2>UCToo</h2>
                    <p>UCToo是UCT公司提供的一系列微应用产品和解决方案，包括微信小程序应用市场<a target="_blank" href="https://www.uctoo.com">UCToo.com</a>，微应用开发平台<a target="_blank" href="http://www.uctoo.cn">UCToo.cn</a>，开源微应用开发框架<a target="_blank" href="https://www.uctoo.org">UCToo.org</a>等。UCT为更好的连接内容和服务提供先进的生产力工具。</p>
                </div>
            </div>
        </section>

        <section class="container padded-bottom center-mobile relative list">
            <!-- Blocks -->
            <div class="row">
                <div class="block col-xs-12 col-sm-5">
            <!--<i class="icon icon-basic-eye"></i>-->
            <img src="/assets/img/index/regwxapp.png" />
                    <h3>01 注册和认证小程序</h3>
            <p>我们建议的注册和认证小程序方式是，先在<a target="_blank" href="https://mp.weixin.qq.com">微信公众平台</a>注册和认证一个服务号，然后在服务号后台配置开通和服务号关联的微信小程序。</p>
                </div>
                <div class="block col-xs-12 col-sm-5 col-sm-offset-2">
            <img src="/assets/img/index/buytemplate.png" />
                    <h3>02 授权管理和选购小程序模板</h3>
            <p>小程序管理员通过<a class="" href="{:url('/admin/index/login')}">①微信登录UCToo</a>，扫描二维码<a href="{:url('/admin/wechat/applet')}">②授权UCToo</a>管理小程序，在<a href="{:url('/admin/wxapp/appstore')}">③UCToo小程序市场</a>选购小程序模板。</p>
                </div>
            </div>

            <span class="separator"></span>

            <!-- Blocks -->
            <div class="row">
                <div class="block col-xs-12 col-sm-5">
            <img src="/assets/img/index/configwxapp.png" />
                    <h3>03 配置小程序模板和上传审核小程序</h3>
            <p>通过<a target="_blank" href="{:url('/admin/wxapp/appstore')}">④UCToo管理后台</a>配置小程序模板的个性化设置、添加小程序的内容和服务、选择小程序类目，上传部署小程序模板到微信公众平台，测试已上传的小程序。将已测试满意的小程序模板提交微信审核。</p>
                </div>
                <div class="col-xs-12 col-sm-5 col-sm-offset-2">
            <img src="/assets/img/index/releasewxapp.png" />
                    <h3>04 发布和运营小程序</h3>
            <p>通过微信审核的小程序即可发布上线，并可随时通过<a target="_blank" href="{:url('admin/index/index')}">UCToo后台</a>管理小程序的内容和服务，我们还提供了用户管理、统计分析、营销推广等多种运营支撑功能。更多的小程序精彩案例等待你来创建。</p>
                </div>
            </div>
        </section>

        <section class="full padded-top center "><!--  style="background-image: url(images/dark-image.jpg);" -->
            <div class="container">
                <!-- Intro -->
                <div class="row">
                    <div class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2">
                        <h3>解决方案</h3>
                        <span class="line"></span>
                        <h2>移动互联时代的新ICT</h2>
                <p>小程序从顶层设计改变了移动互联时代的信息化实现方式。<br>UCT为您提供高质量、可运营、持续优化的小程序行业解决方案。</p>
                    </div>
                </div>

                <!-- Folio pt.1 -->
                <div class="row">
                    <div class="col-xs-12 padded-top">
                        <ul class="folio-list">
                            <li>
                                <a href="{:url('admin/index/index')}" title="新零售解决方案"><img src="/assets/img/index/portfolio/product1.jpg" alt="thumbnail"></a>
                            </li>
                            <li>
                                <a href="{:url('admin/index/index')}" title="智慧酒店解决方案"><img src="/assets/img/index/portfolio/product2.jpg" alt="thumbnail"></a>
                            </li>
                            <li>
                                <a href="{:url('admin/index/index')}" title="社群电商解解决方案"><img src="/assets/img/index/portfolio/product3.jpg" alt="thumbnail"></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>

        <section class="full padded-bottom center"><!--  style="background-image: url(images/light-image.jpg);" -->
            <div class="container">

                <!-- Folio pt.2 -->
                <div class="row">
                    <div class="col-xs-12 padded-bottom">
                        <ul class="folio-list dropshadow">
                            <li>
                                <a href="{:url('admin/index/index')}" title="智慧物流解决方案"><img src="/assets/img/index/portfolio/product4.jpg" alt="thumbnail"></a>
                            </li>
                            <li>
                                <a href="{:url('admin/index/index')}" title="智能硬件解决方案"><img src="/assets/img/index/portfolio/product5.jpg" alt="thumbnail"></a>
                            </li>
                            <li>
                                <a href="{:url('admin/index/index')}" title="智慧交通解决方案"><img src="/assets/img/index/portfolio/product6.jpg" alt="thumbnail"></a>
                            </li>
                        </ul>
                    </div>
                </div>

                <!-- Quote -->
                <div class="row">
                    <div class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2">
                        <h2><a href="https://www.huaict.com">行业合作伙伴计划</a></h2>
                        <h3>更多行业解决方案虚位以待，期待您的合作与交流！</h3>
                    </div>
                </div>
            </div>
        </section>

        <section class="container padded center">
            <!-- Subscribe -->
            <div class="row">
                <div class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2">
                    <h3>联系方式</h3>
                    <span class="line"></span>
                    <p>如有微信小程序的产品需求都请随时与我们联系<br>客服QQ:844801465<br>客服电话:0755-33942068-801</p>

                    <div id="success">
                        <p>您的信息已提交成功！我们会尽快与您联系。</p>
                    </div>

                    <div id="error">
                        <p>出错了！请刷新页面重新提交信息。</p>
                    </div>
                </div>
            </div>

            <!-- Footer -->
            <div class="row padded">
                <div class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2">
                    <span class="line no-accent"></span>
                    <!--模拟了个扫码支付，其实还是公众号支付，只是把入口做成了个二维码-->
                    <!-- <div>
                         <p>开源项目打赏</p>
                     </div>
                     <img src="/assets/img/index/donateqrcode.png">-->
                     <ul class="social-list padded">
                         <li>
                             <a href="#">加入我们</a>
                         </li>
                         <li>
                             <a href="#">探索更多</a>
                         </li>
                         <li>
                             <a href="#">关于UCT</a>
                         </li>
                         <li>
                             <a href="https://www.huaict.com">ICT联盟</a>
                         </li>
                         <li>
                             <a href="#">代理商申请</a>
                         </li>

                     </ul>
                     <p class="copyright">© 2014-2018 UCT. All rights reserved.<br>Powered by <a target="_blank" href="http://www.uctoo.cn">UCToo</a></p>
                    <a href="http://www.miitbeian.gov.cn"><p class="copyright">{:config("site.beian")}</p></a>
                 </div>
             </div>
         </section>

         <!-- Begin Pageloader -->
        <div id="pageloader">
            <!-- Content -->
            <div class="pageloader-content">
                <h4>Loading...</h4>
                <span class="progress"></span>
            </div>
            <!-- END Content -->
        </div>
        <!-- jQuery -->
        <script src="//cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
        <!-- Bootstrap Core JavaScript -->
        <script src="//cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
        <!-- Plugin JavaScript -->
        <script src="//cdn.bootcss.com/jquery-easing/1.4.1/jquery.easing.min.js"></script>
        {load href="/assets/js/index/loader.js" /}
        {load href="/assets/js/index/parallax.js" /} 
        {load href="/assets/js/index/plugins.js" /} 
        {load href="/assets/js/index/main.js" /}
    </body>
</html>